<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="./css/car.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/car.js"></script>
</head>
<body>
    <h1>购物车</h1>
    <div class="qb w">
        <h3>全部商品</h3>
        <a href="index.html"><span>返回主页</span></a>
    </div>
    <div class="car w">
        <div class="car-top ">
            <span>
                <input type="checkbox" name="" id="" class="chekall">全选
            </span>
            <span>商品信息</span>
            <span>单价</span>
            <span>数量</span>
            <span>金额</span>
            <span>操作</span>
        </div>
    </div>
    
    <!--商品-->
    <div class="cart-list w">
        <div class="cart-infos">
           <span>
            <input type="checkbox" name="" id=""  class="j-checkbox">
           </span>
           <span class="pic-infos">
               <a href="#"><img src="images/shouban/111.png" alt=""></a>
               <a href="#">火影忍者雏田手办，精美制作</a>
           </span>
           <span class="p-price">￥288.00</span>
           <span class="p-num">
                <a href="#" class="decremrnt">-</a>
                <input type="text" class="itxt" value="1">
                <a href="#" class="incremrnt">+</a>
           </span>
           <span class="p-sum">￥288.00</span>
           <span class="p-action">
               <a href="javascript:;">删除</a>
           </span>
        </div>
        <!--第2件商品-->
        <div class="cart-infos">
            <span>
             <input type="checkbox" name="" id=""  class="j-checkbox">
            </span>
            <span class="pic-infos">
                <a href="#"><img src="images/shouban/1.png" alt=""></a>
                <a href="#">火影忍者雏田手办，精美制作</a>
            </span>
            <span class="p-price">￥288.90</span>
            <span class="p-num">
                 <a href="#" class="decremrnt">-</a>
                 <input type="text" class="itxt" value="1">
                 <a href="#" class="incremrnt">+</a>
            </span>
            <span class="p-sum">￥188.60</span>
            <span class="p-action">
                <a href="javascript:;">删除</a>
            </span>
         </div>

         <!--第3件商品-->
         <div class="cart-infos">
            <span>
             <input type="checkbox" name="" id=""  class="j-checkbox">
            </span>
            <span class="pic-infos">
                <a href="#"><img src="images/shouban/c1.png" alt=""></a>
                <a href="#">火影忍者雏田手办，精美制作</a>
            </span>
            <span class="p-price">￥288.00</span>
            <span class="p-num">
                 <a href="#" class="decremrnt">-</a>
                 <input type="text" class="itxt" value="1">
                 <a href="#" class="incremrnt">+</a>
            </span>
            <span class="p-sum">￥548.30</span>
            <span class="p-action">
                <a href="javascript:;">删除</a>
            </span>
         </div>

    </div>  
    <!--结算模块-->
    <div class="cart-floatbar w">
        <div class="toolbar-left">
            <span>
                <input type="checkbox" name="" id=""  class="chekall">全选
            </span>
            <span class="operation">
                <a href="javascript:;" class="remove-batch">删除选中的商品</a>
                <a href="javascript:;" class="clear-all">清除购物车</a>
            </span>
        </div>
        <div class="toolbar-right">
            <div class="amount-sum">已有<em>1</em>件商品</div>
            <div class="price-sum">总价：<em>￥12.60</em></div>
            <div class="btn-aera">去结算</div>
        </div>
    </div>
</body>
</html>